<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>SQL index</title>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.2.6/ace.js" type="text/javascript" charset="utf-8"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.2.6/ext-language_tools.js" type="text/javascript" charset="utf-8"></script>
    <style type="text/css" media="screen">
        body {
            background: #000;
        }
    </style>


</head>
<body>

<br><br><br>

<div style="color: greenyellow;  display: flex;   ">
    <h1> index.html </h1>
    <h1>一共有多少数据 : </h1>
    <h1 th:text="${all_counts}"></h1>
</div>

<h2>
    <a href="/add_test" target="_blank"> 新增 </a>
    <a href="#"     > ALL _ _ _ _  </a>
    <a href="#"     >  level = 300  </a>
    <a href="#"     >  level = 500  </a>
    <a href="#"     >  level = 999  </a>
    <a href="/sort/sort_id"   target="_blank"   > sort sort_id  </a>
</h2>


<img th:src="@{/img/aaa.jpg}" style="width:123px; height:123px;  "/>


<style>
    a {
        font-size: 24px;
        color: #09b41a;
        padding: 3px;
        text-decoration: none;
        border: 1px darkgreen dotted;
        margin-right: 16px;
    }

    a:hover {
        color: red;
    }

</style>


<!--             &sql=c2hvdyBkYXRhYmFzZXM7    -->
<div th:each="item : ${sqlList}" style="    padding: 12px; ">
    <a th:href="@{'/id/test?id='+ ${item.id} + '&sql=c2hvdyBkYXRhYmFzZXM7'} " target="_blank">
        <span target="_blank" th:text="${item.id}"></span> -
        <span target="_blank" th:text="${item.level}"></span> -
        <span target="_blank" th:text="${item.title}"></span>
    </a>
</div>

<!--    <div th:each="field : ${item}">-->
<!--        <span th:text="${field.key}"></span> :-->
<!--    </div>-->

<!--

<div   th:each="item, iterStat : ${results}"  style="font-size: 32px">
 <span th:text="${item}"></span>

<div th:each="field : ${item}">
  <span th:text="${field.key}"></span> :
</div>

</div>

-->
<br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br>

</body>
<script th:inline="javascript">


    console.log("sqlList__   :  ")
    var sqlList__ = [[${sqlList}]];
    console.log(sqlList__);

    var url6 = document.location;
    console.log(url6.pathname)
    localStorage.setItem("type", url6.pathname)

</script>
</html>